<template>
    <div class="containe">
        <div class="box">
            <el-button @click="goFn">回</el-button>
        </div>
    </div>
</template>
<script setup>
import { reactive, onMounted, watch ,defineEmits} from 'vue'
import { useRouter, useRoute, onBeforeRouteUpdate } from 'vue-router'

const router = useRouter()
let state = reactive({
    n: 'ooo'
})

let emit = defineEmits(['goFun'])
let goFn = ()=>{
    emit('goFun',false)
}
onMounted(() => { })
watch()
</script>
<style lang="scss" scoped>
.containe {
    position:absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.box {
    width: 500px;
    height: 200px;
    background: #fff;
}
</style>